/**
 * Created by justao on 16/2/28.
 */

'use strict';

import React, {
  Component,
  StyleSheet,
  View,
  Text,
  TouchableHighlight,
} from 'react-native';

class Button extends Component {
    render() {
        return (
            <TouchableHighlight style={styles.button}
              underlayColor='#a5a5a5'
              onPress={this.props.onPress}>
              <Text style={}>{this.props.text}</Text>
            </TouchableHighlight>
        );
    }
}

const styles = StyleSheet.create({
    button: {
        margin: 5,
        backgroundColor: 'white',
        padding: 15,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderBottomColor: '#cdcdcd'
    }
});

export default Button;